<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/* css注释方式 */
			/* css部分：选择器：抓取页面元素，元素增加效果
			       选择器{
					    属性:属性值;
						属性:属性值;
				   }
			 */
			p{
				width:200px;
				height:200x;
				background: #ff55ff; /*16进制色值 */
			}
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表  【开发不用】
		 语法：前标记 style="属性：属性值；属性：属性值；..."
		 -->
		 <div style="width:300px;height:300px;backgroud:red;"></div>
		 <!-- ② 内部样式表  【开发不用：练习专用】
		  html部分：在head元素中中，添加style元素
		  css部分：在style元素中，添加css样式
		  -->
		  <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quae, quis nisi? Ullam quasi aspernatur aliquid, dicta sapiente, quae voluptates soluta illo necessitatibus dolorum modi cupiditate suscipit voluptas consequuntur minima sequi!</p>
	</body>
</html>